<!-- ------------------------------------------------------------------------- -->
<!-- ------------------------------------------------------------------------- -->
<!-- ---------------------- 流调管理--确诊病例管理 ---------------------------- -->
<!-- ------------------------------------------------------------------------- -->
<!-- ------------------------------编辑的tag---------------------------------- -->
<!-- -------------------------编辑的tag--采样及检测情况----------------------------- -->

<template>
  <div class="box">
    <div class="table-box">
      <el-table
        :data="tableData"
        border="true"
        size="large"
        :header-cell-style="{
          background: '#f5f5f5',
          color: '#606266',
          height: '60px',
        }"
      >
        <el-table-column
          prop="date"
          label="采样日期"
          width="200"
          align="center"
        />
        <el-table-column
          prop="name"
          label="标本类型"
          width="200"
          align="center"
        />
        <el-table-column
          prop="address"
          label="采样单位"
          class="column"
          align="center"
        />
        <el-table-column
          prop="detectionUnit"
          label="检测单位"
          width="200"
          align="center"
        />
        <el-table-column
          prop="detectionMethod"
          label="检测方法"
          width="200"
          align="center"
        />
        <el-table-column
          prop="detectionResults"
          label="检测结果"
          width="200"
          align="center"
        />
        <el-table-column prop="CT" label="CT值" width="200" align="center" />
      </el-table>
    </div>
    <div class="btn-box">
      <el-button size="large">取消</el-button>
      <el-button size="large" type="primary">确定</el-button>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "Sampling",
  setup() {
    const tableData = [
      {
        date: "2016-05-03",
        name: "口腔粘膜",
        address: "相城区第一人民医院",
        detectionUnit: "相城区第一人民医院",
        detectionMethod: "试管",
        detectionResults: "阳性",
        CT: "187",
      },
      {
        date: "2016-05-03",
        name: "口腔粘膜",
        address: "相城区第一人民医院",
        detectionUnit: "相城区第一人民医院",
        detectionMethod: "试管",
        detectionResults: "阳性",
        CT: "187",
      },
      {
        date: "2016-05-03",
        name: "口腔粘膜",
        address: "相城区第一人民医院",
        detectionUnit: "相城区第一人民医院",
        detectionMethod: "试管",
        detectionResults: "阳性",
        CT: "187",
      },
      {
        date: "2016-05-03",
        name: "口腔粘膜",
        address: "相城区第一人民医院",
        detectionUnit: "相城区第一人民医院",
        detectionMethod: "试管",
        detectionResults: "阳性",
        CT: "187",
      },
      {
        date: "2016-05-03",
        name: "口腔粘膜",
        address: "相城区第一人民医院",
        detectionUnit: "相城区第一人民医院",
        detectionMethod: "试管",
        detectionResults: "阳性",
        CT: "187",
      },
    ];
    return { tableData };
  },
});
</script>

<style lang="less" scoped>
.box {
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  height: 100vh;
  justify-content: flex-start;
}
.table-box {
  width: 90%;
  padding-top: 50px;
}
.column {
  flex: 1;
}
.btn-box{
    width: 90%;
    padding: 50px;
}
</style>
